import {connect} from "react-redux";

// 分发状态
function DispatchStore(props) {

    return (
        <div>
            <button onClick={() => props.add()}>+</button>
            <button onClick={() => props.reduce()}>-</button>
        </div>
    )

}

// 将分发函数，挂载到组件的props上
const mapDispatchToProps = (dispatch, ownProps) => {
    return {
        // sendAction方法会被放到当前组件的props中
        add: () => {
            // 利用dispatch发送一个action
            // 传递action对象，我们要定一个type属性
            dispatch({
                type: "INCREMENT"
            })
        },
        reduce: () => {
            dispatch({
                type: "DECREMENT"
            })
        },
        get: () => {
            dispatch({
                type: ""
            })
        }
    }
}

// DispatchStore是发送方，所以要实现connect第二个参数
export default connect(null,mapDispatchToProps)(DispatchStore)
